<template>
    <div class="careerhistory-container">
        <!-- 职业史包裹层 -->
        <div class="careerh-item-container">
            <div class="careerh-item">
                <!-- 开始时间 -->
                <van-cell-group>
                  <van-field readonly is-link v-model="cardType" label="开始时间" placeholder="请选择开始时间" @click="state.timeStart = true" />
                </van-cell-group>
                <!-- 结束时间 -->
                <van-cell-group>
                  <van-field readonly is-link v-model="cardType" label="结束时间" placeholder="请选择结束时间" @click="state.timeEnd = true" />
                </van-cell-group>
            </div>
        </div>
        <!-- 职业史操作控制按钮 -->
        <div class="careerh-contorl-btns">

        </div>
        <!-- 时间选择器 -->
        <!-- 开始时间 -->
        <!-- <van-popup v-model:show="state.timeStart" position="bottom" :style="{ height: '60%' }">
              <van-date-picker v-model="state.currentDate1" type="date" :min-date="minDate"/>
        </van-popup> -->
        <!-- 结束时间 -->
        <!-- <van-popup v-model:show="state.timeEnd" position="bottom" :style="{ height: '60%' }">
              <van-date-picker v-model="state.currentDate2" type="date" :min-date="minDate"/>
        </van-popup> -->
    </div>
</template>

<script setup>
import { ref, reactive, toRefs } from 'vue';

    const state = reactive({
        timeStart:false,
        timeEnd: false,

        currentDate1: new Date(),
        currentDate2: new Date(),

        careerhistory: {},
    });





</script>

<style scoped>

</style>